﻿/*
 * 基于CSS3开发的网站前端样式，适用于Z-blogPHP主题《燕雀-语文素材网|中小学生作文素材网站模板》
 * 作者：星岚工作室（QQ：914466480）
 * 网站：https://www.finchui.com/
 * 主题版本:1.0
*/
/*css reset*/
html{-webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body{color:#555555;background:#ffffff;font-size:14px;font-family:"PingFang SC",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Source Han Sans","Noto Sans CJK Sc","Microsoft YaHei","Microsoft Jhenghei",sans-serif;}
@font-face{font-family:iconfont;src:url(iconfont/iconfont.woff2?t=1625538897231) format('woff2'),url(iconfont/iconfont.woff?t=1625538897231) format('woff'),url(iconfont/iconfont.ttf?t=1625538897231) format('truetype')}
.iconfont{font-family:iconfont!important;font-size:14px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;border:0;outline:0;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: transparent;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{vertical-align:baseline;}
a{color:#555555;text-decoration:none;transition:all .15s ease 0s;}
a:hover{color:#FF6666;text-decoration:none;}
button{background: transparent;}
button:focus , input:focus , textarea:focus{outline:0;} 
ol , ul{list-style-type:none}
i , em{font-style:normal}
img{max-width:100%;height:auto;border:0;vertical-align:middle;transform: rotateZ(0);-moz-transform: rotateZ(0);-webkit-transform: rotateZ(0);-o-transform: rotateZ(0);-webkit-transition:-webkit-transform .2s ease 0s;transition:transform .2s ease 0s}
video{height:auto!important;width:100%!important}
video::-internal-media-controls-download-button{display:none}
video::-webkit-media-controls-enclosure{overflow:hidden}
video::-webkit-media-controls-panel{width:calc(100% + 30px)}
.clear { clear: both; }
.center{text-align:center;}
.left{float:left;}
.right{float:right;}
.webwidth { margin: 0 auto; max-width: 1200px;position:relative; }
header {height:auto;position:relative;}
/*网站logo*/
.logo {float:left;margin:16px 2px}
.logo img {width:auto;height: 70px;}
/*网站标题*/
.name {line-height:60px;font-size:32px;font-weight:bold;float:left;margin:25px 0 0 0;} 
.name a{color:#5fc639;}
/*登录按钮*/
.user{line-height: 200%;padding:42px 0 20px 0;float:right;}
.user a {border-left:1px solid #f2f2f2;}
.user a {margin-left:15px;padding-left:15px;}
.user a:first-child{border-left:0;margin-left:0;padding-left:0;}
.head_button{float:right;border-left:1px solid #f2f2f2;position: relative;top:-3px;margin-left:30px;}
.user a.tougao , .user a.fankui{display: inline-block;line-height: 200%;padding:0 20px;font-size:16px;margin-left:30px;border-radius: 15px;color:#ffffff;}
.user a.tougao{background: #5fc639;}
.user a.tougao:hover{background: #55b234;}
.user a.fankui{background: #ff9900;}
.user a.fankui:hover{background: #e68a00;}
.user a.tougao::before{content:"\ef655";margin-right:5px;font-family:iconfont!important;}
.user a.fankui::before{content:"\ef625";margin-right:5px;font-family:iconfont!important;}
/*导航栏*/
.nav_box{background:#5fc639;height:auto;position: relative;clear: both;}
/* 导航栏 */
.nav {line-height: 50px;height:50px;}
.nav li { float:left; line-height: 50px;position: relative;}
.nav li a {padding:0 22px;font-size:15px;color:#ffffff;display:block;}
.nav li .nav-show::after{content:"\ef7d9";margin-left: 3px;  font-family:"iconfont";line-height: 1;}
.nav li .nav-hide::after{content:"\ef7d8";}
.nav li.current-li , .nav li:hover {background:#55b234;}
.nav li ul{position:absolute;top:100%;z-index:5;background:#ffffff;transition:top .5s;display:none; border:1px solid #f2f2f2;box-shadow:1px 1px 5px rgba(0,0,0,.1)}
.nav li ul li{float:none;width:100%;line-height:36px;white-space:nowrap;display:block;border-top:1px solid #f2f2f2;margin:0;}
.nav li ul li:first-child {border-top:0;}
.nav li ul li::before:hover , .nav li.current-li ul li{border-bottom:0;}
.nav li ul li a , .nav li.current-li ul li a{color:#333333;}
.nav li ul li:hover , .nav li ul li.current-li{background:#f2f2f2;}
/*导航栏浮动*/
.nav_fixed{width:100%;position:fixed;left:0;right:0;top:0;z-index:999;transition:top .5s}
.nav_hide{top: -50px; }	
/*搜索框*/
.nav_box #nav_search{position:absolute;top:0;right:0;padding:0 20px;line-height: 50px;font-size:15px;color:#ffffff;background: transparent; cursor: pointer;}
.nav_box #nav_search::before{content:"\ef640";font-family:iconfont!important;}
.search {position:absolute;top:50px;right:0;z-index: 998;width:100%;max-width: 360px; padding:20px;background:#fafcf8;display: none;box-shadow: 0 3px 5px rgba(0,0,0,.05);}
.search form{position:relative;}
.search input{  line-height: 36px; height: 36px; border: 1px solid #f2f2f2;background:#fff;width: 100%;vertical-align: bottom; padding:1px 75px 0 5px; float: left;color:#555; }
.input_clear{position:absolute;color:#a6a6a6; line-height: 36px;right:50px; top:0;font-size: 12px;  cursor: pointer;transform: rotateZ(0);-moz-transform: rotateZ(0);-webkit-transform: rotateZ(0);-o-transform: rotateZ(0);transition: 1s ease 0s;-moz-transition: 1s ease 0s; -webkit-transition: 1s ease 0s; -o-transition: 1s ease 0s;}
.input_clear::before{content:"\ef630";padding:0 10px;font-family:iconfont!important; }
.search button{ line-height: 36px; background: #5fc639; color: #ffffff; width: 50px;cursor: pointer;position:absolute; right:0;top:0;font-family:iconfont!important;}
.search button::before{content:"搜索";}
.search button:hover { background: #55b234;}
.button_box , .input_clear{display:none;}
/*网站主体*/
.main { overflow: hidden; padding-bottom:30px;}
.main_left{float: left; width: 67%; }
.section , .content , .function{overflow: hidden; display: block; margin-top:30px; border-top: 0px solid #f2f2f2;}
/**主题自带模块样式**/
.section h3 , .function_t{line-height: 30px;padding:5px 0;font-size: 20px;border-bottom: 1px solid #f2f2f2;font-weight:normal;overflow: hidden;}
.section h3 {margin-bottom:20px; }
.function_t {margin-bottom:15px; }
.section h3::before , .function_t::before{content:"\ef604";color:#5fc639;margin-right: -5px;font-family:iconfont!important;} 
.section h3 span {margin:0 -15px 0 15px;font-size: 13px;}
.section h3 span a{margin-right:15px;display: inline-block;}
.section h3 span.more{float: right;top:10px;}
.section h3 span.more a::before{content:"\ef660 ";margin-right: 0;font-family:iconfont!important;}
.section .hot_article h3 {font-size: 16px;margin-bottom:15px;}
.section .hot_article h3::before , #hot_article .function_t::before{content:"\ef7bc";color:#ff6666;font-size: 16px;margin-right: 10px;}
/**轮播图**/
.slidesbox{position:relative;width:100%;margin-top:30px;}
.slidesbox .prev{left:0}
.slidesbox .next{right:0}
.slidesbox .prev , .slidesbox .next {display: none;}
.slidesbox:hover .prev , .slidesbox:hover .next{display:block;}
.slides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.slides li{position:absolute;display:none;width:100%;left:0;top:0}
.slides li:first-child{position:relative;display:block;float:left}
.slides img{display:block;height:auto;float:left;width:100%;border:0}
.slides p{position:absolute;z-index:9;font-size:16px;text-shadow:none;left:0;bottom:0;margin:0;width: 100%;padding: 40px 20px 16px 20px;line-height: 24px;color: #ffffff; background: var(--theme-black-color); background: -o-linear-gradient(top,transparent,rgba(0,0,0,.6));background: linear-gradient(180deg,transparent,rgba(0,0,0,.6));}
.slides p a{color: #fff;width: 80%; -o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-box-orient: vertical; display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;}
.slides_nav{font-size:20px;position:absolute;top:50%;z-index:9;line-height:50px;height:50px;width:30px;text-align:center;margin-top:-25px;vertical-align:middle;cursor:pointer;background:rgba(0,0,0,.1)}
.slides_nav span{display:block;color:rgba(255,255,255,.8)!important;margin-right:0!important}
.slides_tabs{position:absolute;z-index:9;text-align: right;left:0;right:20px;bottom:24px;font-size:0;}
.slides_tabs li{margin:0 5px;display: inline-block;}
.slides_tabs li.slides_here a{background:rgba(85,178,52,.8);padding:0 8px;}
.slides_tabs li a{font-size:0px;padding:0 4px;line-height: 6px;display:inline-block;background: rgba(255,255,255,.8);border-radius: 5px; }

/*当前位置*/
.breadcrumb { line-height: 150%;padding:8px 0;margin-top:10px;border-bottom: 1px solid #f2f2f2;}
.breadcrumb i{padding:0 10px;}
.breadcrumb i::before{content:"\ef6f1"; font-family: "iconfont" !important;}
/**分类摘要**/
.intro{background: rgb(95,198, 57,.1);color:#555555;line-height:175%;position: relative; overflow: hidden; padding:20px 20px 20px 60px;}
.intro::before{content:"\efa9e";color:#a6d279;font-size:20px;position:absolute;left:20px;top:18px;font-family: "iconfont" !important;}
/* 当前分类子分类或同级分类 */
.subcategorys{border: 1px solid #ebebeb;margin:30px 0 0 0;padding:0 0 15px 0;} 
.subcategorys li {  margin: 0 15px 0 0; line-height: 175%;  display: inline-block;}
.subcategorys li:hover a , .subcategorys li a.cur{color:#55b234; }
.subcategorys ul{padding:15px 0 0 60px;position: relative;}
.subcategorys ul::before{position:absolute;left:15px;top:15px;color:#a6a6a6;line-height: 175%;}
.subcategorys .fenlei::before{content:"分类";}
.subcategorys .zilei::before{content:"子类";} 
.subcategorys .yemian::before{content:"页面";} 
/* 多栏 */
.index_news_box div{width:31.33333%;float: left;margin-right: 3%;}
.index_news_box div:nth-child(3n){float:right;margin-right:0;}
/**纯标题列表***/
.list_a , .index_news , .list_newest { overflow: hidden;}
.list_a li , .index_news li , .list_newest li{display: list-item;line-height: 150%; font-size: 16px; margin-top:20px;overflow: hidden;}
.list_a li span  , .index_news li span , .list_newest li span{ float:right; font-size: 13px;color:#a6a6a6;} 
.list_a li:first-child , .index_news li:first-child {margin-top:0!important;}
.list_a li:nth-child(5n) {border-bottom: 1px solid #f2f2f2;padding-bottom:20px;}
.list_a li:last-child{border-bottom: 0!important;padding-bottom: 0!important;}
.list_newest{margin-top:-20px;}
.list_newest li{width:48%;float:left;}
.list_newest li:nth-child(2n){float:right;}
.list_newest li.n_news{width:100%;white-space: normal!important;}
.list_newest li.n_news h2{font-size: 16px;width:100%;font-weight: normal;}
.list_newest li.n_news::before{display: none;}
.list_newest li.n_news .pic { float: left; width: 108px; height: 81px;  margin-right: 15px; overflow: hidden;}
.list_newest li.n_news .pic img { width: 100%; height:100%;object-fit: cover;}
.list_a li:before  , .list_newest li:before  , .index_news li:before{content:"w";float: left;height: 13px;width: 13px;border: 2px solid #339ee6;color: #339ee6;border-radius: 3px;font-weight: 600;line-height: 13px;font-size: 12px;text-align: center;margin-right: 8px;margin-top: 3px;}
/**图文列表***/ 
.list_it{overflow: hidden;}
.list_it li {padding: 20px 0; border-top: 1px solid #f2f2f2;position: relative;overflow: hidden;display: block; }
.list_it li:first-child{border-top: 0;padding:0 0 20px 0;} 
.list_it li:last-child{padding:20px 0 0 0;}
.list_it li .pic { float: left; width: 171px; height: 128px;  margin-right: 20px; overflow: hidden;}
.list_it li .pic img { width: 100%; height:100%;object-fit: cover;}
.list_it li h2 {line-height:150%; font-size:18px;margin-top:5px; overflow: hidden;}
.list_it li p , .list_newest li.n_news p { color:#a6a6a6; font-size: 14px; line-height: 21px;height: 42px;margin:15px 0 0 0;}
.list_it li .info {margin:15px 0 0 0;line-height:18px; font-size: 12px; overflow: hidden;text-align: right;color:#a6a6a6;}
.list_it li .info span { margin:0 0 0 20px;display:inline-block;} 
.list_it li .info span.cate ,  .list_it li .info span.tags { float:left;margin: 0 20px 0 0;} 
.list_it li .info span.tags {margin:0!important;}
.list_it li .info span i , .list_p li .picture_info span i{margin-right:3px;font-size:12px;} 
/**图片列表**/
.list_p {margin:-20px -2% 0 0;} 
.list_p li {width:23%;float:left;margin:20px 2% 0 0;position: relative;overflow: hidden; }
.list_p li .picture_img {position:relative;padding-top:75%;width:100%;}
.list_p li .picture_img img {position:absolute;top:0px;left:0px;width:100%;height:100%;object-fit:cover;}
.list_p li h2{line-height:24px;height:48px;font-size:16px; margin:10px 0 0 0 ;font-weight: normal;}
.list_p li .picture_info{padding:10px 0 0 0;margin:10px 0 0 0 ;line-height:18px; font-size: 12px; overflow: hidden;text-align: right;color:#a6a6a6;border-top:1px solid #f2f2f2;}
.list_p li .picture_info span.picture_view{float:left;}
.index_p li{width:14.66666%!important;}
.list_a li, .index_news li, .list_newest li , .links li{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list_it li p , .list_newest li.n_news p , .list_it li h2{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/*置顶*推荐*/
.IsTop::before{content:"\ef607";color:#ff6666;}
.selected a::before {content:"\ef605";color:#5fc639;}
.IsTop::before , .selected a::before{font-family: "iconfont" !important;margin-right:5px;font-weight: normal;float:left;}
.WMR , .cateicon , .tagicon , .viewicon , .timeicon , .commicon , .authoricon , .downicon , .linkicon , .qqicon , #enlarge , #narrow , #bc_tool , #bc1 , #bc2 , #bc3 , #bc4 , #bc5 , #bc6 , #bc7 , #bc8{font-family:iconfont!important;}
.WMR::before{content:"\ef604";color:#FF6666;margin:0 3px 0 0;font-weight: normal!important;}
#enlarge , #narrow , #bc_tool{cursor: pointer;}
.cateicon::before{content:"\ef713";margin:0 3px 0 0;}
.tagicon::before{content:"\ef6c5";margin:0 3px 0 0;}
.viewicon::before{content:"\ef714";margin:0 3px 0 0;}
.timeicon::before{content:"\ef715";margin:0 3px 0 0;}
.commicon::before{content:"\ef63e";margin:0 3px 0 0;}
.authoricon::before{content:"\ef761";margin:0 3px 0 0;}
.downicon::before{content:"\ef634";margin:0 3px 0 0;}
.linkicon::before{content:"\ef6ea";margin:0 3px 0 0;}
.qqicon::before{content:"\ef62b";margin:0 3px 0 0;}
#enlarge::before{content:"\ef6c8";margin:0 3px 0 0;}
#narrow::before{content:"\ef6c7";margin:0 3px 0 0;}
#bc_tool::before{content:"背景\ef7d9";}
#bc_tool {position: relative;}
#bc_tool .bc_txt{position: absolute;top:19px;z-index: 99;width:50px;padding:0;left:2px;height:auto;background: #ffffff;border:1px solid #f2f2f2;box-shadow: 1px 3px 5px rgba(0,0,0,.05);display: none;}
#bc1::before , #bc2::before , #bc3::before , #bc4::before , #bc5::before , #bc6::before , #bc7::before , #bc8::before{display: block;line-height: 25px;text-align: center;}
#bc1::before{content:"默认";background:#ffffff; }
#bc2::before{content:"明黄";background:#ffffed; }
#bc3::before{content:"浅绿";background:#eefaee; }
#bc4::before{content:"草绿";background:#cce8cf; }
#bc5::before{content:"红粉";background:#fcefff; }
#bc6::before{content:"深灰";background:#efefef; }
#bc7::before{content:"米色";background:#f5f5dc; }
#bc8::before{content:"漆黑";background:#000000; color:#ffffff;}
/*分页*/
.pagebar{margin:10px 0 0 0 ;text-align: center;}
.pagebar .page { display: inline-block; line-height: 28px; width: 28px;  border: 1px solid #f2f2f2;color:#666666; border-radius: 3px; margin: 10px 5px 0 5px; text-align: center;}
.pagebar .page:hover , .pagebar .now-page{ background:#55b234; border: 1px solid #55b234 ;color: #ffffff;}
.comlist .pagebar{margin:0 0 10px 0!important;}
.comlist .pagebar .page { margin: 0 5px 10px 5px!important; }
/**详情页**/
.ArticleEdt{float:right;font-size:14px;color:#266497;}
.content h1{ font-size: 25px;line-height: 150%;text-align: center; }
.content .info{ font-size: 13px; line-height: 150%;text-align: center;color:#a6a6a6;margin:20px -10px;}
.content .info span { padding:0 10px;display: inline-block;}
.weburl {text-align: center;}
.weburl a{border:1px solid #d9eded;background: #eef7f7;color:#555555;line-height: 40px;font-size: 16px; padding:0 20px; display: block;border-radius: 20px;}
.weburl a:hover {background:#e3f2f2; }
/**正文**/ 
.article {font-size:16px;}
.article em{font-style: italic;}
.article p , .article div{ line-height: 175%;margin:18px 0;text-indent: 28px;}
.article img{ max-width:100%!important; height:auto!important;border-radius: 12px;}
.article h2 , .article h3 , .article h4 , .article h5 , .article h6{font-family: "思源黑体", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;line-height: 1.3;margin: 2em 0 1em 0;color: #2c3e50;font-size: 16px;}
.article h2::before , .article h3::before , .article h4::before , .article h5::before , .article h6::before{content:"\ef616";margin-right: 10px;font-family: "iconfont" !important;}
/**======上标、下标======**/
.article sup{position:relative;top:-3px;padding:0 2px;}
.article sub{position:relative;top:3px;padding:0 2px;}
.article sup::before , .article sub::before{content:"\ef80a";font-size:12px;margin-right:2px;font-family: "iconfont" !important;}
/**======引用======**/
.article blockquote{background: rgb(95,198, 57,.1);position: relative; overflow: hidden; padding:0 20px 0 60px;color:#555555;margin: 20px 0;}
.article blockquote p , .article blockquote div{font-size:14px;}
.article blockquote::before{content:"\efa9e";color:#a6d279;font-size:20px;position:absolute;left:20px;top:18px;font-family: "iconfont" !important;}
.article section{width:100%!important}
/**======table表格======**/
.article table{width:100%;overflow:hidden;border-spacing:0;border-collapse:collapse;margin:20px 0;}
.article table th , .article table td{padding:10px 15px;border:1px solid #dedede;word-break:break-word}
.article table th p, .article table td p{margin:0;}
.article table tr{background:#ffffff;}
.article table tr:nth-child(2n){background:#f7fafc;}
.article table>thead>tr>th{background:#e8e8e8;position:relative;vertical-align:middle;white-space:nowrap;}
.article table caption{line-height:175%;padding:5px 15px;}
/*有序列表和无序列表*/
.article ol{padding:0 0 0 32px;}
.article ul{padding:0 0 0 35px;}
.article ol ,.article ul {list-style-type: decimal;}
/**======代码语言======**/
.article pre{line-height:175%!important;margin:20px 0!important;}
.article pre code{background:transparent;display:inline;max-width:inherit;padding:2px 0 0 0;margin:0;overflow:visible;line-height:175%;word-wrap:normal;border:0;}
.article pre code::after,.content pre code::before{content:normal}

/* 版权声明 */

.articlecopyright{background: rgb(95,198, 57,.1);line-height: 175%;padding:15px 20px;margin: 20px 0;font-size: 13px;color: #555555;}
/**正文结束**/
.articlead img { width: 100%; height: auto; margin-top: 20px; }
.content .tags {margin:20px 0 0 0;line-height: 175%;}
.content .tags i{margin-right:5px;color:#a6a6a6;}
.tags a {margin:0 20px 0 0;display: inline-block;}
.tags a:last-child{margin:0!important;}
/**上一篇**/
.turn{overflow: hidden;margin-right: -2%; }
.turn li{line-height:150%;margin-top:20px;margin-right:2%;width:48%;float:left;font-size: 16px;}
.turn li span{display: block;font-size: 12px;line-height: 16px;font-weight: bold;margin:0 0 10px 0;}
.turn li span::before{content:"\ef604";color: #5fc639;font-family:iconfont!important;} 
/**左侧栏开始**/
.main_right {width: 30%;float: right; }
.main_right ul {overflow: hidden;margin-top:-15px;}
.main_right ul ul {margin-top:0;}
.main_right ul li { line-height: 150%; margin-top: 15px; display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* 分类模块 */
#divCatalog ul{padding:0;border:1px solid #f2f2f2;margin-top:15px;}
#divCatalog ul li{width:100%; line-height:36px;margin-top:0; position: relative;}
#divCatalog ul li:first-child{border-top: 0;}
#divCatalog ul li a{display: block;padding:0 10px;}
#divCatalog a:hover , #divCatalog a.current{background: #f2f2f2;color:#555; }
#divCatalog ul li .sub-show {position:absolute;padding:5px;right:0;top:0; cursor: pointer;color:#999;margin:0;z-index: 5;font-size: 12px;}    
#divCatalog ul li .sub-show::after{content:"\ef79b";padding:0 6px; line-height: 26px; height: 26px; border:1px solid #f2f2f2;background:#fff; box-sizing: border-box; display: block;font-family: "iconfont" ; }
#divCatalog ul li .sub-hide::after{content:"\ef79c";}
#divCatalog ul li.current-li ul{display: block;}
#divCatalog ul li.current-li ul ul{display: none;}
#divCatalog ul li.current-li ul li.current-li ul{display: block;}
#divCatalog ul ul{display: none;transition:top .5s;margin:10px;border:1px solid #f2f2f2;box-shadow:1px 1px 5px rgba(0,0,0,.1)}

/* 作者模块 */
#author div{text-align: center;}
#author .authorbg{position:relative;margin:0 0 50px 0;padding:0;}
#author .authorbg img{width:100%;height:auto;display: block;}
#author .authorbg .avatar{position:absolute;bottom:-40px;left:50%;z-index:9;margin-left:-40px;padding:5px;width:80px;height:80px;border-radius:50%;background:#fff}
#author .authorbg .avatar img{width:70px;height:70px;border-radius:50%}
#author h2 , #author p{font-size: 14px;padding:0 15px;text-align: center;}
#author p{line-height: 150%;margin:15px 0;}
#author .authorcount{padding:0;font-size: 0;border-top:1px solid #f2f2f2;}
.authorcount div{ padding:10px 0;display: inline-block; line-height:150%;width:25%;font-size: 12px;border-right:1px solid #f2f2f2;}
.authorcount div:nth-child(4) {border-right:0;}
.authorcount small{display:block;font-size: 16px;margin-bottom:5px;}

/* 控制面板 */
#divContorPanel div a{display: inline-block;line-height: 200%; font-size:16px;padding:0 20px;background:#5fc639;color:#ffffff;border-radius:15px;text-align: center; }
#divContorPanel div a{margin-top:15px;}
#divContorPanel div a:hover {background:#55b234;}
#divContorPanel div a::before {content:"\ef6f1";font-family: "iconfont" !important;}
/**控制面板**/
#divContorPanel div{line-height:150%;text-align: center;color:#666666;}
/**关注我们**/
.qrcode_b { text-align: center; }
.qrcode_b img { width: 50%; height: auto; border:1px solid #f2f2f2;}
.qrcode_b p{line-height: 150%;margin-top:10px;text-align: center;padding:0 15px;}
/**广告位**/
#sidebar_mk{padding:0!important;background:transparent!important;box-shadow: 0 0 0 0 rgba(0,0,0,0)!important;}
#sidebar_mk .function_t{display:none;}
#sidebar_mk ul li img { width: 100%; height: auto; }
/**图标汇集**/ 
#divMisc ul {margin-right:-3%;}
#divMisc ul li {float:left;margin-right:3%;width:30.3333%; }
#divMisc ul li img{width:100%;height:auto; }
/**网站收藏|作者列表|友情链接|热门标签|网站标签**/ 
#divFavorites ul , #divAuthors ul , #divLinkage ul , #divArchives ul , #divStatistics ul , #hot_tags ul , #related_tags ul , #divTags ul{margin-right:-3%;}
#divFavorites ul li , #divAuthors ul li , #divLinkage ul li , #divArchives ul li , #divStatistics ul li , #hot_tags ul li , #related_tags ul li , #divTags ul li {float:left;margin-right:3%;width:47%;font-family: "iconfont" !important;}
#divFavorites ul li::before , #divAuthors ul li::before , #divLinkage ul li::before , #divArchives ul li::before , #divStatistics ul li::before , #hot_tags ul li::before , #related_tags ul li::before , #divTags ul li::before , .section h3 span a::before{content:"\efa57";color:#cacaca;margin-right: -3px;font-weight: normal;font-family: "iconfont";}
/**推广链接**/
#extension ul li{font-family: "iconfont" !important;}
#extension ul li::before {content:"\ef6ea"; float:right;color:#a6a6a6;margin-left:5px;}
/**日历**/
#divCalendar caption{line-height:40px;font-size:16px;} 
#divCalendar table {border-collapse: collapse;width: 100%;text-align: center;}
#divCalendar thead tr{background: #5fc639!important;color:#ffffff;}
#divCalendar table td , #divCalendar table th {text-align: center;padding: 8px 0;vertical-align: middle;}
#divCalendar table th {border: 1px solid #f2f2f2;}
#divCalendar table td {color:#a6a6a6;border: 1px solid #f2f2f2;}
/**搜索**/ 
#divSearchPanel div{overflow: hidden;}
#divSearchPanel form{width:100%;position:relative;}
#divSearchPanel input[type=text]{border:1px solid #f2f2f2;height:34px;line-height:34px;padding:1px 55px 0 5px;width:100%;float:left;display:block;}
#divSearchPanel input[type=submit]{border:0;line-height:34px;width:50px;background:#5fc639;color:#ffffff;position:absolute;right:0;top:0;cursor: pointer;}
#divSearchPanel input[type=submit]:hover{background:#55b234;}
/**======热门文章 有序列表=====**/
#hot_article ul li::before , .hot_article ul li::before {background: #cacaca;color:#ffffff;width:20px;line-height:20px;border-radius: 50%; font-size:12px;text-align: center;margin-right:10px;display: inline-block;position: relative;}
#hot_article ul li:nth-child(1)::before , .hot_article ul li:nth-child(1)::before {background: #FF6666!important;}
#hot_article ul li:nth-child(2)::before , .hot_article ul li:nth-child(2)::before {background: #FF9900!important;}
#hot_article ul li:nth-child(3)::before , .hot_article ul li:nth-child(3)::before {background: #99CC66!important;}
#hot_article ul li:nth-child(1)::before , .hot_article ul li:nth-child(1)::before {content: "1";}
#hot_article ul li:nth-child(2)::before , .hot_article ul li:nth-child(2)::before {content: "2";}
#hot_article ul li:nth-child(3)::before , .hot_article ul li:nth-child(3)::before {content: "3";}
#hot_article ul li:nth-child(4)::before , .hot_article ul li:nth-child(4)::before {content: "4";}
#hot_article ul li:nth-child(5)::before , .hot_article ul li:nth-child(5)::before {content: "5";}
#hot_article ul li:nth-child(6)::before , .hot_article ul li:nth-child(6)::before {content: "6";}
#hot_article ul li:nth-child(7)::before , .hot_article ul li:nth-child(7)::before {content: "7";}
#hot_article ul li:nth-child(8)::before , .hot_article ul li:nth-child(8)::before {content: "8";}
#hot_article ul li:nth-child(9)::before , .hot_article ul li:nth-child(9)::before {content: "9";}
#hot_article ul li:nth-child(10)::before , .hot_article ul li:nth-child(10)::before {content: "10";}
#hot_article ul li:nth-child(11)::before , .hot_article ul li:nth-child(11)::before {content: "11";}
#hot_article ul li:nth-child(12)::before , .hot_article ul li:nth-child(12)::before {content: "12";}
#hot_article ul li:nth-child(13)::before , .hot_article ul li:nth-child(13)::before {content: "13";}
#hot_article ul li:nth-child(14)::before , .hot_article ul li:nth-child(14)::before {content: "14";}
#hot_article ul li:nth-child(15)::before , .hot_article ul li:nth-child(15)::before {content: "15";}
#hot_article ul li:nth-child(16)::before , .hot_article ul li:nth-child(16)::before {content: "16";}
#hot_article ul li:nth-child(17)::before , .hot_article ul li:nth-child(17)::before {content: "17";}
#hot_article ul li:nth-child(18)::before , .hot_article ul li:nth-child(18)::before {content: "18";}
#hot_article ul li:nth-child(19)::before , .hot_article ul li:nth-child(19)::before {content: "19";}
#hot_article ul li:nth-child(20)::before , .hot_article ul li:nth-child(20)::before {content: "20";}
/**投稿**/
.submit_box p , .submit_box div {margin:0 0 20px 0;font-size:14px;}
.submit_box span{line-height:20px;font-size:14px;font-weight: bold;margin:0 0 5px 0;display: inline-block;}
.submit_box input , .submit_box select {border: 1px solid #f2f2f2;line-height:34px;height:34px;font-size:14px;padding:0 5px ;}
.submit_box input{width:100%;}
.submit_box button {margin:0 0 20px 0;}
.submit_box input.z_vcode{width:50%!important;}
.submit_box .ccode{width:95px!important;height:34px!important;}
.submit_box .uploadimg {position:relative;}
.submit_box .uploadimg input{padding:0 70px 0 4px;}
.submit_box .uploadimg .opt{position: absolute;right:0;bottom:0;margin:0;line-height:34px;font-size:14px;padding:0 5px;cursor:pointer; border-left:1px solid #f2f2f2;}
.article .edui-default {z-index: 9!important}
.article .edui-default , .article .edui-default div {line-height:100%;margin:0;}
.article .edui-default table{margin:0;border-radius:0 0 4px 4px;}
.article .edui-default table td {border-top: 1px solid #ccc;border-left:0;border-right:0;border-bottom:0;}
/****评论开始***/
#comments h3 span small{background:#5fc639;color:#ffffff;padding:0 5px;margin:0 2px;line-height: 18px;display: inline-block;}
.compost .com_name span{line-height:30px;margin:0 20px 0 0;display: inline-block; position: relative;}
.compost .com_info { overflow: hidden; }
.compost .com_info ul {list-style: none;margin-right: -3%; }
.compost .com_info li { float: left; margin-right: 3%;width:30.333333%; margin-bottom: 20px; position: relative;}
.compost .com_info li input { width: 100%; height: 30px; line-height: 30px; padding:0 5px; border: 1px solid #f2f2f2;background:#fafcf8;border-radius: 3px;}
.compost .com_info li img {position: absolute; top:0;left:100%;height: 30px;vertical-align: top }
.compost .com_info textarea { width: 100%;resize:none; margin-bottom:20px;border: 1px solid #f2f2f2; display: block; padding: 10px;background:#fafcf8;border-radius: 3px;}
.compost .com_info button , .submit_box button{ background: #5fc639; color: #ffffff;line-height: 40px; padding:0 30px;font-size: 16px;display:inline-block;cursor:pointer; }
.compost .com_info button:hover{ background: #55b234;}
.comlist{padding:20px 0 0 0}
.comlist ul { list-style: none; border-top: 1px solid #f2f2f2; }
.comlist ul ul { margin-left: 5% }
.comlist ul li p ul{margin-top:20px;}
.comlist ul li p ul li{padding:20px 0 0 0;}
.comlist li { overflow: hidden; padding: 20px 0; display: block; }
.comlist li img { float: left; width: 39px; height: 39px; border-radius: 50%; transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;}
.comlist li:hover img , .input_clear:hover{transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}
.comlist li .clbody { margin-left: 50px }
.comlist li.reply{padding:0!important; }
.clbody .cinfo { overflow: hidden }
.clbody .cinfo h5 { float: left;line-height: 21px;font-size: 14px; font-weight:normal;}
.clbody .cinfo span { float: right; }
.clbody em { color: #a6a6a6; line-height: 18px; margin-bottom:10px;font-size: 12px; font-style: normal; display: block }
.clbody p { line-height:150%; }
.compost .com_name a , .clbody .cinfo h5 , .clbody .cinfo span a , .clbody p a { color: #6492c1; }
/**评论样式结束**/
.links {margin: -10px -2% 0 0;overflow: hidden;}
.links li {float:left;line-height: 150%;margin:10px 2% 0 0;width:14.666666666%;}
/**页脚**/
footer {color: #666666; padding: 20px;overflow: hidden; border-top:2px solid #5fc639;}
footer ul{text-align:center;margin:0 -15px 10px -15px;}
footer ul li{line-height: 150%;display: inline-block;margin:0 15px;}
footer p { line-height: 150%; text-align: center;}
footer a { color: #666666; }
footer a:hover {text-decoration: underline;}
.gongan {width:16px;height:16px;margin-right:2px;position: relative;top:-2px;}
@media screen and (max-width: 1221px) {
.nav li a{padding:0 15px;}
}
@media screen and (max-width: 981px) {
.pc{display:none!important}
 #nav_search , .nav li:hover ul ,  .list_url li:hover .button, .list_it li  p , .user , .search , .nav , .hot_article {display:none;}
/**阴影**/
.user , .search , .nav {box-shadow: 0 3px 5px rgba(0,0,0,.05);}
header{position:fixed;height:60px;background:#ffffff;right:0;left:0;top:0;z-index:999;padding:0;transition:top .5s}
.head_hide{top:-60px;}
.logo {margin: 10px 10px 10px 20px;}
.logo img {height:40px; }
.name {line-height: 40px;font-size: 20px;margin: 10px 0 0 0;} 
.head_button {float:none;border: 0;top: 0;margin: 10px 0 0 0;text-align: center;}
.user a.tougao, .user a.fankui{margin:0 15px;}
/*按钮*/
.button_box{height: 60px; padding:10px 0;position: absolute; right:0;top:0;margin-right:12px;text-align: right;display:block;}
.button_box button{line-height: 20px; padding: 0 8px;cursor: pointer; font-family:iconfont!important;color:#555555;font-size: 12px;}
.button_box button::before{color: #ffffff;display: block;border-radius: 50%;width:20px;margin:0 5px;}  
.button_box button#mnav::before{content:"\ef8fb";background:#5fc639;}
.button_box button#msearch::before{content:"\ef640";background:#ff9900;}
.button_box button#muser::before{content:"\ef761";background:#FF6666;}
/*导航栏*/
.nav_box{height:auto!important;clear:none;}
.user , .search , .nav {background: #ffffff;width:100%;margin:0;top:60px;position: absolute;z-index: 999;transition:top .5s; border-top:1px solid #f2f2f2;}
.user ,  .nav {right:0;left:0;}
.user {padding:20px;} 
/* 导航 */
.nav {overflow: auto;line-height:36px;max-height: calc(100vh - 60px);height:auto;}
.nav li{width:100%;line-height:36px;}
.nav li.current-li, .nav li:hover{background: #fff;}
.nav li a , .nav li a:hover , .nav li.current-li a{color:#333;}
.nav li .nav-show {position:absolute;right:0;top:0;padding:5px; cursor: pointer;margin:0;z-index: 5;font-size: 12px;}
.nav li .nav-show::after{ position: static; content:"\ef79b";padding:0 6px; line-height: 26px; height: 26px; border:1px solid #f2f2f2;background:#fff; box-sizing: border-box; display: block;}
.nav li .nav-hide::after{content:"\ef79c";}
.nav li a:hover , .nav li a.current , .nav li ul li.current-li a{background:#f2f2f2;}
.nav li.current-li ul{display: block;}
.nav li ul{position: static;top:0;margin:10px;} 
.nav li ul li:hover , .nav li ul li.current-li{background:#fff;}
.nav li ul li{border-top:0;}
/**网站主体**/
.main {padding: 50px 20px 30px 20px;}   
.main_left , .main_right  { float: none; width: 100%; }
.index_news_box div ,.index_news_box div:nth-child(3n){float:left; width:48%;margin-right: 4%;}
.index_news_box div:nth-child(2n){float:right;margin-right:0;}
/**图文列表**/
.list_it li .pic { width: 96px;height:72px;margin-right:15px;}
.list_it li h2 { line-height:24px;font-size:16px;font-weight: normal;margin-top:0;min-height:48px;}
.index_p li{width:23%!important;}    
/**手机版提交图片自适应**/
.edui-default .edui-dialog-body {width: 320px!important;height: auto!important;}
.edui-default .edui-for-insertimage .edui-dialog-content {max-width: 320px!important;height: 300px!important;}
.links li {width:23%;}
}
@media screen and (max-width: 651px) {
.user{text-align: center;}
.login {float: none; width:100%; margin-left: 0; margin-top:10px;}    
/**隐藏**/
.list_it li  .info span.cate , .list_it li  .info span.tags{display:none;}
.content h1 { font-size: 24px;} 
.index_news_box div , .index_news_box div:nth-child(2n) , .index_news_box div:nth-child(3n) , .list_newest li , .list_newest li:nth-child(2n){float:none;width:100%;margin-right: 0;}
}
@media screen and (max-width: 481px) {
/* 按钮 */
.button_box{margin-right:18px;}
.button_box button{padding: 0 2px;}
/* 搜索 */
.search {max-width: 100%;}
.slides p {padding:20px 10px 10px 10px;}
.slides p a {width:70%;}
.slides_tabs {right: 10px;bottom: 19px;}
.list_a li a , .index_news li , .list_newest li{white-space: normal;}
.list_newest li.n_news .pic {margin-right:10px;} 
.list_a li span , .index_news li span , .list_newest li span{display:none;}
.list_a li a{max-width: 100%;padding:0;position: relative;}
.list_p {margin:-20px -3% 0 0;} 
.list_p li , .index_p li {width:47%!important;margin:20px 3% 0 0;}    
.compost .com_info ul{margin:0;}
.compost .com_info li input , .compost .com_info li , .compost .com_info button , .submit_box button{ width: 100%;  }
.compost .com_info li:nth-child(4) { width: 50%; }
.links {margin:-10px -3% 0 0;}
.links li {width:47%;margin:10px 3% 0 0;}
.turn{margin:0;}
.turn li{width:100%;margin:20px 0 0 0;}  
footer p { font-size:12px; }
}
.abg1{background:#ffffff;color:#444444;}

.abg2{background:#ffffed;color:#444444;}
.abg3{background:#eefaee;color:#444444;}
.abg4{background:#cce8cf;color:#444444;}
.abg5{background:#fcefff;color:#444444;}
.abg6{background:#efefef;color:#444444;}
.abg7{background:#f5f5dc;color:#444444;}
/* 黑色背景 */
.abg8{background:#222222;color:#999999;}
.abg8 a{color:#999999;}
.abg8 .breadcrumb , .abg8 .section h3, .abg8 .function_t { border-bottom: 1px solid #333333;}
.abg8 .authorcount div{ border-right: 1px solid #333333;}
.abg8 .authorcount div:nth-child(4){border-right: 0;}
.abg8 #author .authorcount{ border-top: 1px solid #333333;}